<template>
  <div class="add">
    <button @click="addCounter(1)">+1</button>
    <button @click="addCounter(5)">+5</button>
    <button @click="addCounter(10)">+10</button>
  </div>
</template>

<script>
export default {
  methods: {
    addCounter(count) {
      console.log(count)
      this.$emit('add', count)
    },
  },
}
</script>
<style scoped></style>
